<template>
    <div>
        <!-- 轮播 -->
        <div
          id="carousel-example-generic"
          class="carousel slide btn_banner"
          data-ride="carousel"
         
        >
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li
              data-target="#carousel-example-generic"
              data-slide-to="0"
              class="active"
            ></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <!-- <li v-for="(item,index) in banner" :key="index" data-target="#carousel-example-generic" :data-slide-to="index" :class="{'active':index===0}"></li> -->
          </ol>
          <div class="carousel-inner banner_img" role="listbox" style="height:500px">
            <div class="item active">
              <img :src="banner" alt="..." style="height:500px" />
            </div>
            <div class="item">
              <img :src="banner" alt="..." style="height:500px" />
            </div>
            <div class="item">
              <img :src="banner" alt="..." style="height:500px" />
            </div>
            <!-- <div class="item" v-for="(item,index) in banner" :key="index">
              <img :src="item" alt="..." style="height:500px" :class="{'active':index===0}" />
            </div> -->
          </div>
        </div>
    </div>
</template>
<script>
export default {
    props:['banner'],
    data(){
        return{
            
        }
    }

}
</script>
<style lang="less" scoped>

</style>
